<template>
    <div class="">
        <div class="header">
            <div class="left_back" @click="handleBackClick()">
                <img src="../../assets/img/zuojiantou.png" alt="">
            </div>
            <div class="header_titles">
                关于我们
            </div>
        </div>
        <div class="content-cu" v-html="content"></div>
    </div>
</template>

<script>
import * as api from "@/axios/api"
    export default {
        data(){
            return{
                content:""
            }
        },
        mounted(){
            this.getInfo();
        },
        methods:{
            getInfo(){
                api.getInfoSite().then(res=>{
                    console.log("res",res)
                    this.content = res.data.certImg2
                })
            },
            handleBackClick() {
                this.$router.go(-1);
            },
        }
    }
</script>

<style lang="less" scoped>
.content-cu{
    position: absolute;
    top: 2.2rem;
    left: 0;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100vw;
    height: calc(100vh - 3rem);
    padding: 10px;
    font-size: 24px;
}
.header {
  width: 100%;
  height: 1.5rem;
  background: #fff;
  position: fixed;
  z-index: 999;
  border-radius: 0 0 .15rem .15rem;

  .left_back {
    width: 1rem;
    height: 100%;
    left: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
      width: .6rem;
      height: .6rem;
    }
  }

  .header_titles {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: .4615rem;
    line-height: 1.5rem;

    span {
      font-weight: 600;
    }
  }
}
</style>